@import './init.css';
@import './iconfont.css';
html,body{height: 100%;width: 100%;overflow: hidden;box-sizing: border-box;}

/* 公共selected start */
.selfcheckbox{
    height: 18px!important;
    width: 18px!important;
    line-height: 20px;
    border: 1px solid #fff;
    border-radius: 4px;
    display: inline-block;
}
.is-checked .selfcheckbox{
    border:  1px solid #0C6;
    width: 12px;
    height: 9px;
    display: inline-block;
    background: #0C6 url("") no-repeat;
    background-position: center;
}
/* 公共selected end */
.share_header{height: 36px;width: 100%;border-bottom: 1px solid #666;padding: 6px 6px 0 10px;}
.share_header .selectAllBtn{float: left;}
.share_header .selfSelected{display: inline-block;height: 25px;width: 166px;line-height: 25px;float: right;
    background: #333;border-radius: 2px;font-size: 14px;color: #fff;position: relative;}
.selfSelected .dropdownDefault{cursor: pointer;padding-left: 8px;position: relative;}
.selfSelected .dropdown_menu{position: absolute;top: 28px;background: #333;width: 100%;z-index: 999;}
.selfSelected .dropdown_menu .dropdown_option{padding: 2px 8px;width: 100%;cursor: pointer;}
.selfSelected .dropdown_menu .option_val{display: inline-block;text-indent: 11px;}
.selfSelected .dropdown_menu .dropdown_option:hover{background:  #455F45;}

/* type图标 */
.share_body{padding: 7px;overflow-y: scroll;height: 160px;}
.share_body .shareIcon{display: inline-block;width: 72px;height: 75px;color: #fff;font-size: 15px;
    cursor: pointer;border-radius: 3px;padding: 3px;margin-bottom: 2px;float: left;}
.share_body .shareIcon.active .iconfont{color: #E62117;}
.share_body .shareIcon.active .squre{display: inline-block;margin-right: 2px;height: 8px;width: 8px;border-radius: 50%;background: #E62117;}
.share_body .label_content{text-align: center;margin-top: -10px;}
.share_body .label_content span{display: inline-block;}
.share_body .label_content .ellipsis{display: block;text-align: center;}
.share_body .label_content .iconfont{font-size: 30px;height: 40px;}
.share_body .shareIcon:hover{background-color: rgba(57,170,80,0.3);}

.share_footer{
    height: 49px;
    width: 100%;
    line-height: 49px;
    text-align: right;
    padding: 0 5px;
    background: #000;
    position: absolute;
    bottom: 0;
    left: 0;
}
.share_footer input{
    cursor: pointer;
    color: #fff;
    height: 28px;
    width: 56px;
    line-height: 28px;
    font-size: 12px;
    border-radius: 3px;
    outline: none;
}
.share_footer .shareBtn{background: #0a6;border: 1px solid #0F620A;margin-right: 10px;}
.share_footer .quiteBtn{background: #a0a0a0;border: 1px solid #524C4C;}
.quiteBtn:hover,
.quiteBtn:focus{background: #999;}